// 设计稿以1920px为宽度，20px = 1rem

const baseSize = 20 // 这个是设计稿中20px的大小。
const maxBodyWidth = 1920 //最大的body宽度
const minBodyWidth = 1280 //最小的body宽度
function setRem() {
  // 实际设备页面宽度和设计稿的比值
  const cWidth = document.documentElement.clientWidth
  let clientWidth = cWidth > maxBodyWidth ? maxBodyWidth : cWidth
  clientWidth = cWidth < minBodyWidth ? minBodyWidth : clientWidth

  const scale = clientWidth / 1920
  // 计算实际的rem值并赋予给html的font-size
  document.documentElement.style.fontSize = (baseSize * scale) + 'px'
}
setRem();
window.addEventListener('resize', () => {
  setRem();
});